{# extends 必须写在模板文件的第一行位置 #}
{% extends 'base.html' %}
{% load static %}
{% block page_title %}美萌商城{% endblock %}
{% block head %}
    <script src="{% static 'js/swiper.min.js' %}"></script>
    <link rel="stylesheet" type="text/css" href="{% static 'css/swiper.min.css' %}">
    <script>
        $(function () {
            //焦点图
           new Swiper('#slide',{
               loop:true,
               duration:1500,
               pagination:'.pagination'
           });
        })
    </script>
{% endblock %}
{% block body %}
    <section class="wrap">
        <!--ctCont-->
        <div class="IdxmainArea">
            <!--slide-->
            <div id="slide" class="swiper-container-horizontal">
                <div class="swiper-wrapper">
                    <div class="swiper-slide">
                        <a href="#">
                            <img src="{% static 'index/imgs/slide01.jpg' %}">
                        </a>
                    </div>
                    <div class="swiper-slide">
                        <a href="#">
                            <img src="{% static 'index/imgs/slide02.jpg' %}">
                        </a>
                    </div>
                    <div class="swiper-slide">
                        <a href="#">
                            <img src="{% static 'index/imgs/slide03.jpg' %}">
                        </a>
                    </div>
                </div>
                {#  轮播图指示器  #}
                <div class="pagination"></div>
            </div>
            <!--singleAd-->
            <div class="singleAd">
                <a href="#">
                    <img src="{% static 'index/imgs/sigleAd.jpg' %}">
                </a>
            </div>
            <!--bestShop-->
            <dl class="bestShop">
                <dt>
                    <strong>优秀商家推荐</strong>
                    <a href="https://show.17sucai.com/preview/183822/2019-05-11/shopping/shop_list.html"
                       class="fr">更多</a>
                </dt>
                <dd>
                    <a href="#">
                        <img src="{% static 'index/imgs/001.jpg' %}">
                        <h2>DM精品女装</h2>
                    </a>
                </dd>
                <dd>
                    <a href="#">
                        <img src="{% static 'index/imgs/002.jpg' %}">
                        <h2>DM精品女装</h2>
                    </a>
                </dd>
                <dd>
                    <a href="#">
                        <img src="{% static 'index/imgs/003.jpg' %}">
                        <h2>DM精品女装</h2>
                    </a>
                </dd>
                <dd>
                    <a href="#">
                        <img src="{% static 'index/imgs/004.jpg' %}">
                        <h2>DM精品女装</h2>
                    </a>
                </dd>
                <dd>
                    <a href="#">
                        <img src="{% static 'index/imgs/005.jpg' %}">
                        <h2>DM精品女装</h2>
                    </a>
                </dd>
                <dd>
                    <a href="#">
                        <img src="{% static 'index/imgs/006.jpg' %}">
                        <h2>DM精品女装</h2>
                    </a>
                </dd>
                <dd>
                    <a href="#">
                        <img src="{% static 'index/imgs/007.jpg' %}">
                        <h2>DM精品女装</h2>
                    </a>
                </dd>
                <dd>
                    <a href="#">
                        <img src="{% static 'index/imgs/008.jpg' %}">
                        <h2>DM精品女装</h2>
                    </a>
                </dd>
            </dl>
        </div>
        <!--asdCont-->
        <div class="IdxAsideRt">
            <!--login-->
            <div class="idxRtLogin">
                <div class="fstArea">
                    <a href="#" class="userIcon">
                        <img src="{% static 'imgs/DefaultAvatar.jpg' %}">
                    </a>
                    <div class="rtInfor">
                        <p>Hi!你好</p>
                        <p class="obviousText">免费入驻，提升品牌效应！</p>
                    </div>
                </div>
                <div class="secArea">
                    <a href="{% url 'login' %}">登录</a>
                    <a href="{% url 'reg' %}">免费注册</a>
                    <a href="{% url 'login' %}">商户入驻</a>
                </div>
            </div>
            <dl class="idxRtAtc">
                <dt>
                    <em class="obviousText">最新公告</em>
                    <a href="https://show.17sucai.com/preview/183822/2019-05-11/shopping/article_list.html">more</a>
                </dt>
                <dd><a
                        href="https://show.17sucai.com/preview/183822/2019-05-11/shopping/article_read.html">2015年12月20日系统升级通告统升级通告</a>
                </dd>
                <dd><a
                        href="https://show.17sucai.com/preview/183822/2019-05-11/shopping/article_read.html">2015年12月20日系统升级通告</a>
                </dd>
                <dd><a
                        href="https://show.17sucai.com/preview/183822/2019-05-11/shopping/article_read.html">2015年12月20日系统升级通告</a>
                </dd>
                <dd><a
                        href="https://show.17sucai.com/preview/183822/2019-05-11/shopping/article_read.html">2015年12月20日系统升级通告</a>
                </dd>
                <dd><a
                        href="https://show.17sucai.com/preview/183822/2019-05-11/shopping/article_read.html">2015年12月20日系统升级通告</a>
                </dd>
            </dl>
            <dl class="idxRtAtc">
                <dt>
                    <em>质量标准技术参数</em>
                    <a href="https://show.17sucai.com/preview/183822/2019-05-11/shopping/article_list.html">more</a>
                </dt>
                <dd><a
                        href="https://show.17sucai.com/preview/183822/2019-05-11/shopping/article_read.html">2015年12月20日系统升级通告统升级通告</a>
                </dd>
                <dd><a
                        href="https://show.17sucai.com/preview/183822/2019-05-11/shopping/article_read.html">2015年12月20日系统升级通告</a>
                </dd>
            </dl>
        </div>
    </section>
    <!--productList-->
    <section class="wrap idxproLi">
        <h2>
            <strong>
                <a href="https://show.17sucai.com/preview/183822/2019-05-11/shopping/channel.html">产品展示区</a>
            </strong>
            <span class="classLi">
        <a href="https://show.17sucai.com/preview/183822/2019-05-11/shopping/product_list.html">夏装</a>
        <a href="https://show.17sucai.com/preview/183822/2019-05-11/shopping/product_list.html">连衣裙</a>
        <a href="https://show.17sucai.com/preview/183822/2019-05-11/shopping/product_list.html">开衫</a>
        <a href="https://show.17sucai.com/preview/183822/2019-05-11/shopping/product_list.html">牛仔裤</a>
        <a href="https://show.17sucai.com/preview/183822/2019-05-11/shopping/product_list.html">背带裤</a>
        <a href="https://show.17sucai.com/preview/183822/2019-05-11/shopping/product_list.html">T恤</a>
      </span>
        </h2>
        <div class="ltArea">
            <!--ad:category pic-->
            <a href="https://show.17sucai.com/preview/183822/2019-05-11/shopping/product_list.html"><img
                    src="./static/index/imgs/bestCategoryPic01.jpg"></a>
        </div>
        <div class="ctLi">
            <ul>
                <li>
                    <a href="https://show.17sucai.com/preview/183822/2019-05-11/shopping/product.html">
                        <img src="./static/index/imgs/goods001.jpg">
                        <h3>2019时尚新款</h3>
                        <p><span>1000.00</span></p>
                    </a>
                </li>
                <li>
                    <a href="https://show.17sucai.com/preview/183822/2019-05-11/shopping/product.html">
                        <img src="./static/index/imgs/goods003.jpg">
                        <h3>2019时尚新款</h3>
                        <p><span>545.00</span></p>
                    </a>
                </li>
                <li>
                    <a href="https://show.17sucai.com/preview/183822/2019-05-11/shopping/product.html">
                        <img src="./static/index/imgs/goods004.jpg">
                        <h3>2019时尚新款</h3>
                        <p><span>1000.00</span></p>
                    </a>
                </li>
                <li>
                    <a href="https://show.17sucai.com/preview/183822/2019-05-11/shopping/product.html">
                        <img src="./static/index/imgs/goods003.jpg">
                        <h3>2019时尚新款</h3>
                        <p><span>1000.00</span></p>
                    </a>
                </li>
                <li>
                    <a href="https://show.17sucai.com/preview/183822/2019-05-11/shopping/product.html">
                        <img src="./static/index/imgs/goods001.jpg">
                        <h3>2019时尚新款</h3>
                        <p><span>980.00</span></p>
                    </a>
                </li>
                <li>
                    <a href="https://show.17sucai.com/preview/183822/2019-05-11/shopping/product.html">
                        <img src="./static/index/imgs/goods002.jpg">
                        <h3>2019时尚新款</h3>
                        <p><span>642.00</span></p>
                    </a>
                </li>
                <li>
                    <a href="https://show.17sucai.com/preview/183822/2019-05-11/shopping/product.html">
                        <img src="./static/index/imgs/goods004.jpg">
                        <h3>2019时尚新款</h3>
                        <p><span>793.00</span></p>
                    </a>
                </li>
                <li>
                    <a href="https://show.17sucai.com/preview/183822/2019-05-11/shopping/product.html">
                        <img src="./static/index/imgs/goods001.jpg">
                        <h3>2019时尚新款</h3>
                        <p><span>755.00</span></p>
                    </a>
                </li>
                <li>
                    <a href="https://show.17sucai.com/preview/183822/2019-05-11/shopping/product.html">
                        <img src="./static/index/imgs/goods002.jpg">
                        <h3>2019时尚新款</h3>
                        <p><span>360.00</span></p>
                    </a>
                </li>
                <li>
                    <a href="https://show.17sucai.com/preview/183822/2019-05-11/shopping/product.html">
                        <img src="./static/index/imgs/goods003.jpg">
                        <h3>2019时尚新款</h3>
                        <p><span>1255.00</span></p>
                    </a>
                </li>
            </ul>
            <!--bestBrand-->
            <div class="idxBrandLi">
                <a href="#"><img
                        src="./static/index/imgs/brandLogo01.jpg"></a>
                <a href="#"><img
                        src="./static/index/imgs/brandLogo02.jpg"></a>
                <a href="#"><img
                        src="./static/index/imgs/brandLogo03.jpg"></a>
                <a href="#"><img
                        src="./static/index/imgs/brandLogo04.jpg"></a>
            </div>
        </div>
    </section>

    <section class="wrap idxproLi">
        <h2>
            <strong>
                <a href="https://show.17sucai.com/preview/183822/2019-05-11/shopping/channel.html">设备展示区</a>
            </strong>
            <span class="classLi">
        <a href="https://show.17sucai.com/preview/183822/2019-05-11/shopping/product_list.html">夏装</a>
        <a href="https://show.17sucai.com/preview/183822/2019-05-11/shopping/product_list.html">连衣裙</a>
        <a href="https://show.17sucai.com/preview/183822/2019-05-11/shopping/product_list.html">开衫</a>
        <a href="https://show.17sucai.com/preview/183822/2019-05-11/shopping/product_list.html">牛仔裤</a>
        <a href="https://show.17sucai.com/preview/183822/2019-05-11/shopping/product_list.html">背带裤</a>
        <a href="https://show.17sucai.com/preview/183822/2019-05-11/shopping/product_list.html">T恤</a>
      </span>
        </h2>
        <div class="ltArea">
            <!--ad:category pic-->
            <a href="https://show.17sucai.com/preview/183822/2019-05-11/shopping/product_list.html"><img
                    src="./static/index/imgs/bestCategoryPic02.jpg"></a>
        </div>
        <div class="ctLi">
            <ul>
                <li>
                    <a href="https://show.17sucai.com/preview/183822/2019-05-11/shopping/product.html">
                        <img src="./static/index/imgs/goods005.jpg">
                        <h3>2019时尚新款</h3>
                        <p><span>1000.00</span></p>
                    </a>
                </li>
                <li>
                    <a href="https://show.17sucai.com/preview/183822/2019-05-11/shopping/product.html">
                        <img src="./static/index/imgs/goods006.jpg">
                        <h3>2019时尚新款</h3>
                        <p><span>545.00</span></p>
                    </a>
                </li>
                <li>
                    <a href="https://show.17sucai.com/preview/183822/2019-05-11/shopping/product.html">
                        <img src="./static/index/imgs/goods007.jpg">
                        <h3>2019时尚新款</h3>
                        <p><span>1000.00</span></p>
                    </a>
                </li>
                <li>
                    <a href="https://show.17sucai.com/preview/183822/2019-05-11/shopping/product.html">
                        <img src="./static/index/imgs/goods008.jpg">
                        <h3>2019时尚新款</h3>
                        <p><span>1000.00</span></p>
                    </a>
                </li>
                <li>
                    <a href="https://show.17sucai.com/preview/183822/2019-05-11/shopping/product.html">
                        <img src="./static/index/imgs/goods009.jpg">
                        <h3>2019时尚新款</h3>
                        <p><span>980.00</span></p>
                    </a>
                </li>
                <li>
                    <a href="https://show.17sucai.com/preview/183822/2019-05-11/shopping/product.html">
                        <img src="./static/index/imgs/goods010.jpg">
                        <h3>2019时尚新款</h3>
                        <p><span>642.00</span></p>
                    </a>
                </li>
                <li>
                    <a href="https://show.17sucai.com/preview/183822/2019-05-11/shopping/product.html">
                        <img src="./static/index/imgs/goods005.jpg">
                        <h3>2019时尚新款</h3>
                        <p><span>793.00</span></p>
                    </a>
                </li>
                <li>
                    <a href="https://show.17sucai.com/preview/183822/2019-05-11/shopping/product.html">
                        <img src="./static/index/imgs/goods006.jpg">
                        <h3>2019时尚新款</h3>
                        <p><span>755.00</span></p>
                    </a>
                </li>
                <li>
                    <a href="https://show.17sucai.com/preview/183822/2019-05-11/shopping/product.html">
                        <img src="./static/index/imgs/goods007.jpg">
                        <h3>2019时尚新款</h3>
                        <p><span>360.00</span></p>
                    </a>
                </li>
                <li>
                    <a href="https://show.17sucai.com/preview/183822/2019-05-11/shopping/product.html">
                        <img src="./static/index/imgs/goods008.jpg">
                        <h3>2019时尚新款</h3>
                        <p><span>1255.00</span></p>
                    </a>
                </li>
            </ul>
            <!--bestBrand-->
            <div class="idxBrandLi">
                <a href="#"><img
                        src="./static/index/imgs/brandLogo01.jpg"></a>
                <a href="#"><img
                        src="./static/index/imgs/brandLogo02.jpg"></a>
                <a href="#"><img
                        src="./static/index/imgs/brandLogo03.jpg"></a>
                <a href="#"><img
                        src="./static/index/imgs/brandLogo04.jpg"></a>
            </div>
        </div>
    </section>
    <!--case-->
    <section class="wrap idexCase">
        <h2>
            <strong>工程案例</strong>
            <a href="#">more</a>
        </h2>
        <ul>
            <li>
                <a href="#">
                    <img src="./static/index/imgs/case001.jpg">
                    <h3>时尚搭配案例</h3>
                </a>
            </li>
            <li>
                <a href="#">
                    <img src="./static/index/imgs/case002.jpg">
                    <h3>时尚搭配案例</h3>
                </a>
            </li>
            <li>
                <a href="#">
                    <img src="./static/index/imgs/case003.jpg">
                    <h3>时尚搭配案例</h3>
                </a>
            </li>
            <li>
                <a href="#">
                    <img src="./static/index/imgs/case004.jpg">
                    <h3>时尚搭配案例</h3>
                </a>
            </li>
            <li>
                <a href="#">
                    <img src="./static/index/imgs/case005.jpg">
                    <h3>时尚搭配案例</h3>
                </a>
            </li>
        </ul>
    </section>
    <!--section:two->articleList-->
    <section class="wrap idxArticle">
        <dl>
            <dt>
                <strong>招标资讯</strong>
                <a href="https://show.17sucai.com/preview/183822/2019-05-11/shopping/article_list.html">more</a>
            </dt>
            <dd><a
                    href="https://show.17sucai.com/preview/183822/2019-05-11/shopping/article_read.html">内蒙古君联生物发展有限公司阿巴嘎旗流化床锅炉除尘及链条炉排炉内脱硫设施采购项目公开招标招标公告</a>
            </dd>
            <dd><a
                    href="https://show.17sucai.com/preview/183822/2019-05-11/shopping/article_read.html">四川省老年大学教学用具及设备采购二标段公开招标采购公告</a>
            </dd>
            <dd><a
                    href="https://show.17sucai.com/preview/183822/2019-05-11/shopping/article_read.html">慢道峰山桥至仙境源风机路、曲径通幽至老虎洞至孙家至王沟服务区亮化工程公开招标公告</a>
            </dd>
            <dd><a
                    href="https://show.17sucai.com/preview/183822/2019-05-11/shopping/article_read.html">四川省资阳市安岳县民政局第二次全国地名普查外包服务采购项目公开招标采购公告</a>
            </dd>
            <dd><a
                    href="https://show.17sucai.com/preview/183822/2019-05-11/shopping/article_read.html">内蒙古君联生物发展有限公司阿巴嘎旗流化床锅炉除尘及链条炉排炉内脱硫设施采购项目公开招标招标公告</a>
            </dd>
        </dl>
        <dl style="margin:0 2.5%">
            <dt>
                <strong>最新询价信息</strong>
                <a href="https://show.17sucai.com/preview/183822/2019-05-11/shopping/article_list.html">more</a>
            </dt>
            <dd><a
                    href="https://show.17sucai.com/preview/183822/2019-05-11/shopping/article_read.html">内蒙古君联生物发展有限公司阿巴嘎旗流化床锅炉除尘及链条炉排炉内脱硫设施采购项目公开招标招标公告</a>
            </dd>
            <dd><a
                    href="https://show.17sucai.com/preview/183822/2019-05-11/shopping/article_read.html">四川省老年大学教学用具及设备采购二标段公开招标采购公告</a>
            </dd>
            <dd><a
                    href="https://show.17sucai.com/preview/183822/2019-05-11/shopping/article_read.html">慢道峰山桥至仙境源风机路、曲径通幽至老虎洞至孙家至王沟服务区亮化工程公开招标公告</a>
            </dd>
            <dd><a
                    href="https://show.17sucai.com/preview/183822/2019-05-11/shopping/article_read.html">四川省资阳市安岳县民政局第二次全国地名普查外包服务采购项目公开招标采购公告</a>
            </dd>
            <dd><a
                    href="https://show.17sucai.com/preview/183822/2019-05-11/shopping/article_read.html">内蒙古君联生物发展有限公司阿巴嘎旗流化床锅炉除尘及链条炉排炉内脱硫设施采购项目公开招标招标公告</a>
            </dd>
        </dl>
        <dl>
            <dt>
                <strong>行业资讯</strong>
                <a href="https://show.17sucai.com/preview/183822/2019-05-11/shopping/article_list.html">more</a>
            </dt>
            <dd><a
                    href="https://show.17sucai.com/preview/183822/2019-05-11/shopping/article_read.html">内蒙古君联生物发展有限公司阿巴嘎旗流化床锅炉除尘及链条炉排炉内脱硫设施采购项目公开招标招标公告</a>
            </dd>
            <dd><a
                    href="https://show.17sucai.com/preview/183822/2019-05-11/shopping/article_read.html">四川省老年大学教学用具及设备采购二标段公开招标采购公告</a>
            </dd>
            <dd><a
                    href="https://show.17sucai.com/preview/183822/2019-05-11/shopping/article_read.html">慢道峰山桥至仙境源风机路、曲径通幽至老虎洞至孙家至王沟服务区亮化工程公开招标公告</a>
            </dd>
            <dd><a
                    href="https://show.17sucai.com/preview/183822/2019-05-11/shopping/article_read.html">四川省资阳市安岳县民政局第二次全国地名普查外包服务采购项目公开招标采购公告</a>
            </dd>
            <dd><a
                    href="https://show.17sucai.com/preview/183822/2019-05-11/shopping/article_read.html">内蒙古君联生物发展有限公司阿巴嘎旗流化床锅炉除尘及链条炉排炉内脱硫设施采购项目公开招标招标公告</a>
            </dd>
        </dl>
    </section>
{% endblock %}